<!--
 * @Author: 胡海
 * @Date: 2020-11-23 14:26:33
 * @LastEditors: 胡海
 * @LastEditTime: 2020-11-23 14:34:21
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板</title>
    <script src="../vue.js"></script>
</head>
<body> 
      <div id="demo"></div>
      <script>
       
          let obj = {
              html:"<div>hello,miaov</div>",
              abc:1
          };
  
          var vm = new Vue({
              el:"#demo",
              data:obj,
              render(createElement){
                  var obj = createElement(
                      "ul",
                      {
                          class: {
                              bg:true
                          },
                          style:{
                              fontSize:"50px"
                          },
                          attrs:{
                              abc:"miaov"
                          },
                          domProps:{
                              /*innerHTML:"<li>我是html</li>" */
                          }
                      },
                      [
                          createElement("li",1),
                          createElement("li",2),
                          createElement("li",3)
                      ]
                  );
  
                  console.log( obj );
  
                  return obj;
              }
          });
  
      </script>
</body>
</html>